<#include "/admin/common/layout/__mainlayout.html"> <#assign
pageBreadCrumbs>
<li><a href="#">Other Pages</a></li>
<li class="active">FAQ页面</li>
</#assign> <@mainlayout pageBreadCrumbs=pageBreadCrumbs currentMenu="otherPageFlag-faqFlag">
<!-- pageHeader BEGAIN -->
<div class="page-header">
	<h1>
		FAQ <small> <i class="ace-icon fa fa-angle-double-right"></i>
			frequently asked questions using tabs and accordions
		</small>
	</h1>
</div>
<!-- pageHeader END -->
<div class="row">
	<div class="col-xs-12">
		<!-- pageContent BEGAIN -->
		<div class="tabbable">
			<!-- #section:pages/faq -->
			<ul class="nav nav-tabs padding-18 tab-size-bigger" id="myTab">
				<li class="active"><a data-toggle="tab" href="#faq-tab-1">
						<i class="blue ace-icon fa fa-question-circle bigger-120"></i>
						General
				</a></li>

				<li><a data-toggle="tab" href="#faq-tab-2"> <i
						class="green ace-icon fa fa-user bigger-120"></i> Account
				</a></li>

				<li><a data-toggle="tab" href="#faq-tab-3"> <i
						class="orange ace-icon fa fa-credit-card bigger-120"></i> Payments
				</a></li>

				<li class="dropdown"><a data-toggle="dropdown"
					class="dropdown-toggle" href="#"> <i
						class="purple ace-icon fa fa-magic bigger-120"></i> Misc <i
						class="ace-icon fa fa-caret-down"></i>
				</a>

					<ul class="dropdown-menu dropdown-lighter dropdown-125">
						<li><a data-toggle="tab" href="#faq-tab-4"> Affiliates </a></li>

						<li><a data-toggle="tab" href="#faq-tab-4"> Merchants </a></li>
					</ul></li>
				<!-- /.dropdown -->
			</ul>

			<!-- /section:pages/faq -->
			<div class="tab-content no-border padding-24">
				<div id="faq-tab-1" class="tab-pane fade in active">
					<h4 class="blue">
						<i class="ace-icon fa fa-check bigger-110"></i> General Questions
					</h4>

					<div class="space-8"></div>

					<div id="faq-list-1"
						class="panel-group accordion-style1 accordion-style2">
						<div class="panel panel-default">
							<div class="panel-heading">
								<a href="#faq-1-1" data-parent="#faq-list-1"
									data-toggle="collapse" class="accordion-toggle collapsed">
									<i class="ace-icon fa fa-chevron-left pull-right"
									data-icon-hide="ace-icon fa fa-chevron-down"
									data-icon-show="ace-icon fa fa-chevron-left"></i> <i
									class="ace-icon fa fa-user bigger-130"></i> &nbsp; High life
									accusamus terry richardson ad squid?
								</a>
							</div>

							<div class="panel-collapse collapse" id="faq-1-1">
								<div class="panel-body">Anim pariatur cliche
									reprehenderit, enim eiusmod high life accusamus terry
									richardson ad squid. 3 wolf moon officia aute, non cupidatat
									skateboard dolor brunch. Food truck quinoa nesciunt laborum
									eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on
									it squid single-origin coffee nulla assumenda shoreditch et.
									Nihil anim keffiyeh helvetica, craft beer labore wes anderson
									cred nesciunt sapiente ea proident.</div>
							</div>
						</div>

						<div class="panel panel-default">
							<div class="panel-heading">
								<a href="#faq-1-2" data-parent="#faq-list-1"
									data-toggle="collapse" class="accordion-toggle collapsed">
									<i class="ace-icon fa fa-chevron-left pull-right"
									data-icon-hide="ace-icon fa fa-chevron-down"
									data-icon-show="ace-icon fa fa-chevron-left"></i> <i
									class="ace-icon fa fa-sort-amount-desc"></i> &nbsp; Can I have
									nested questions?
								</a>
							</div>

							<div class="panel-collapse collapse" id="faq-1-2">
								<div class="panel-body">
									<div id="faq-list-nested-1"
										class="panel-group accordion-style1 accordion-style2">
										<div class="panel panel-default">
											<div class="panel-heading">
												<a href="#faq-list-1-sub-1" data-parent="#faq-list-nested-1"
													data-toggle="collapse" class="accordion-toggle collapsed">
													<i class="ace-icon fa fa-plus smaller-80 middle"
													data-icon-hide="ace-icon fa fa-minus"
													data-icon-show="ace-icon fa fa-plus"></i>&nbsp; Enim
													eiusmod high life accusamus terry?
												</a>
											</div>

											<div class="panel-collapse collapse" id="faq-list-1-sub-1">
												<div class="panel-body">Anim pariatur cliche
													reprehenderit, enim eiusmod high life accusamus terry
													richardson ad squid. 3 wolf moon officia aute, non
													cupidatat skateboard dolor brunch. Food truck quinoa
													nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt
													aliqua put a bird on it squid single-origin coffee nulla
													assumenda shoreditch et. Nihil anim keffiyeh helvetica,
													craft beer labore wes anderson cred nesciunt sapiente ea
													proident.</div>
											</div>
										</div>

										<div class="panel panel-default">
											<div class="panel-heading">
												<a href="#faq-list-1-sub-2" data-parent="#faq-list-nested-1"
													data-toggle="collapse" class="accordion-toggle collapsed">
													<i class="ace-icon fa fa-plus smaller-80 middle"
													data-icon-hide="ace-icon fa fa-minus"
													data-icon-show="ace-icon fa fa-plus"></i>&nbsp; Food truck
													quinoa nesciunt laborum eiusmod?
												</a>
											</div>

											<div class="panel-collapse collapse" id="faq-list-1-sub-2">
												<div class="panel-body">Anim pariatur cliche
													reprehenderit, enim eiusmod high life accusamus terry
													richardson ad squid. 3 wolf moon officia aute, non
													cupidatat skateboard dolor brunch. Food truck quinoa
													nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt
													aliqua put a bird on it squid single-origin coffee nulla
													assumenda shoreditch et. Nihil anim keffiyeh helvetica,
													craft beer labore wes anderson cred nesciunt sapiente ea
													proident.</div>
											</div>
										</div>

										<div class="panel panel-default">
											<div class="panel-heading">
												<a href="#faq-list-1-sub-3" data-parent="#faq-list-nested-1"
													data-toggle="collapse" class="accordion-toggle collapsed">
													<i class="ace-icon fa fa-plus smaller-80 middle"
													data-icon-hide="ace-icon fa fa-minus"
													data-icon-show="ace-icon fa fa-plus"></i>&nbsp; Cupidatat
													skateboard dolor brunch?
												</a>
											</div>

											<div class="panel-collapse collapse" id="faq-list-1-sub-3">
												<div class="panel-body">Anim pariatur cliche
													reprehenderit, enim eiusmod high life accusamus terry
													richardson ad squid. 3 wolf moon officia aute, non
													cupidatat skateboard dolor brunch. Food truck quinoa
													nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt
													aliqua put a bird on it squid single-origin coffee nulla
													assumenda shoreditch et.</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>

						<div class="panel panel-default">
							<div class="panel-heading">
								<a href="#faq-1-3" data-parent="#faq-list-1"
									data-toggle="collapse" class="accordion-toggle collapsed">
									<i class="ace-icon fa fa-chevron-left pull-right"
									data-icon-hide="ace-icon fa fa-chevron-down"
									data-icon-show="ace-icon fa fa-chevron-left"></i> <i
									class="ace-icon fa fa-credit-card bigger-130"></i> &nbsp;
									Single-origin coffee nulla assumenda shoreditch et?
								</a>
							</div>

							<div class="panel-collapse collapse" id="faq-1-3">
								<div class="panel-body">Anim pariatur cliche
									reprehenderit, enim eiusmod high life accusamus terry
									richardson ad squid. 3 wolf moon officia aute, non cupidatat
									skateboard dolor brunch. Food truck quinoa nesciunt laborum
									eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on
									it squid single-origin coffee nulla assumenda shoreditch et.</div>
							</div>
						</div>

						<div class="panel panel-default">
							<div class="panel-heading">
								<a href="#faq-1-4" data-parent="#faq-list-1"
									data-toggle="collapse" class="accordion-toggle collapsed">
									<i class="ace-icon fa fa-chevron-left pull-right"
									data-icon-hide="ace-icon fa fa-chevron-down"
									data-icon-show="ace-icon fa fa-chevron-left"></i> <i
									class="ace-icon fa fa-files-o bigger-130"></i> &nbsp; Sunt
									aliqua put a bird on it squid?
								</a>
							</div>

							<div class="panel-collapse collapse" id="faq-1-4">
								<div class="panel-body">Anim pariatur cliche
									reprehenderit, enim eiusmod high life accusamus terry
									richardson ad squid. 3 wolf moon officia aute, non cupidatat
									skateboard dolor brunch. Food truck quinoa nesciunt laborum
									eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on
									it squid single-origin coffee nulla assumenda shoreditch et.</div>
							</div>
						</div>

						<div class="panel panel-default">
							<div class="panel-heading">
								<a href="#faq-1-5" data-parent="#faq-list-1"
									data-toggle="collapse" class="accordion-toggle collapsed">
									<i class="ace-icon fa fa-chevron-left pull-right"
									data-icon-hide="ace-icon fa fa-chevron-down"
									data-icon-show="ace-icon fa fa-chevron-left"></i> <i
									class="ace-icon fa fa-cog bigger-130"></i> &nbsp; Brunch 3 wolf
									moon tempor sunt aliqua put?
								</a>
							</div>

							<div class="panel-collapse collapse" id="faq-1-5">
								<div class="panel-body">Anim pariatur cliche
									reprehenderit, enim eiusmod high life accusamus terry
									richardson ad squid. 3 wolf moon officia aute, non cupidatat
									skateboard dolor brunch. Food truck quinoa nesciunt laborum
									eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on
									it squid single-origin coffee nulla assumenda shoreditch et.</div>
							</div>
						</div>
					</div>
				</div>

				<div id="faq-tab-2" class="tab-pane fade">
					<h4 class="blue">
						<i class="green ace-icon fa fa-user bigger-110"></i> Account
						Questions
					</h4>

					<div class="space-8"></div>

					<div id="faq-list-2"
						class="panel-group accordion-style1 accordion-style2">
						<div class="panel panel-default">
							<div class="panel-heading">
								<a href="#faq-2-1" data-parent="#faq-list-2"
									data-toggle="collapse" class="accordion-toggle collapsed">
									<i class="ace-icon fa fa-chevron-right smaller-80"
									data-icon-hide="ace-icon fa fa-chevron-down align-top"
									data-icon-show="ace-icon fa fa-chevron-right"></i>&nbsp; Enim
									eiusmod high life accusamus terry richardson?
								</a>
							</div>

							<div class="panel-collapse collapse" id="faq-2-1">
								<div class="panel-body">Anim pariatur cliche
									reprehenderit, enim eiusmod high life accusamus terry
									richardson ad squid. 3 wolf moon officia aute, non cupidatat
									skateboard dolor brunch. Food truck quinoa nesciunt laborum
									eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on
									it squid single-origin coffee nulla assumenda shoreditch et.</div>
							</div>
						</div>

						<div class="panel panel-default">
							<div class="panel-heading">
								<a href="#faq-2-2" data-parent="#faq-list-2"
									data-toggle="collapse" class="accordion-toggle collapsed">
									<i class="ace-icon fa fa-chevron-right smaller-80"
									data-icon-hide="ace-icon fa fa-chevron-down align-top"
									data-icon-show="ace-icon fa fa-chevron-right"></i>&nbsp;
									Single-origin coffee nulla assumenda shoreditch et?
								</a>
							</div>

							<div class="panel-collapse collapse" id="faq-2-2">
								<div class="panel-body">Anim pariatur cliche
									reprehenderit, enim eiusmod high life accusamus terry
									richardson ad squid. 3 wolf moon officia aute, non cupidatat
									skateboard dolor brunch. Food truck quinoa nesciunt laborum
									eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on
									it squid single-origin coffee nulla assumenda shoreditch et.</div>
							</div>
						</div>

						<div class="panel panel-default">
							<div class="panel-heading">
								<a href="#faq-2-3" data-parent="#faq-list-2"
									data-toggle="collapse" class="accordion-toggle collapsed">
									<i class="ace-icon fa fa-chevron-right middle smaller-80"
									data-icon-hide="ace-icon fa fa-chevron-down align-top"
									data-icon-show="ace-icon fa fa-chevron-right"></i>&nbsp; Sunt
									aliqua put a bird on it squid?
								</a>
							</div>

							<div class="panel-collapse collapse" id="faq-2-3">
								<div class="panel-body">Anim pariatur cliche
									reprehenderit, enim eiusmod high life accusamus terry
									richardson ad squid. 3 wolf moon officia aute, non cupidatat
									skateboard dolor brunch. Food truck quinoa nesciunt laborum
									eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on
									it squid single-origin coffee nulla assumenda shoreditch et.</div>
							</div>
						</div>

						<div class="panel panel-default">
							<div class="panel-heading">
								<a href="#faq-2-4" data-parent="#faq-list-2"
									data-toggle="collapse" class="accordion-toggle collapsed">
									<i class="ace-icon fa fa-chevron-right smaller-80"
									data-icon-hide="ace-icon fa fa-chevron-down align-top"
									data-icon-show="ace-icon fa fa-chevron-right"></i>&nbsp; Brunch
									3 wolf moon tempor sunt aliqua put?
								</a>
							</div>

							<div class="panel-collapse collapse" id="faq-2-4">
								<div class="panel-body">Anim pariatur cliche
									reprehenderit, enim eiusmod high life accusamus terry
									richardson ad squid. 3 wolf moon officia aute, non cupidatat
									skateboard dolor brunch. Food truck quinoa nesciunt laborum
									eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on
									it squid single-origin coffee nulla assumenda shoreditch et.</div>
							</div>
						</div>
					</div>
				</div>

				<div id="faq-tab-3" class="tab-pane fade">
					<h4 class="blue">
						<i class="orange ace-icon fa fa-credit-card bigger-110"></i>
						Payment Questions
					</h4>

					<div class="space-8"></div>

					<div id="faq-list-3"
						class="panel-group accordion-style1 accordion-style2">
						<div class="panel panel-default">
							<div class="panel-heading">
								<a href="#faq-3-1" data-parent="#faq-list-3"
									data-toggle="collapse" class="accordion-toggle collapsed">
									<i class="ace-icon fa fa-plus smaller-80"
									data-icon-hide="ace-icon fa fa-minus"
									data-icon-show="ace-icon fa fa-plus"></i>&nbsp; Enim eiusmod
									high life accusamus terry richardson?
								</a>
							</div>

							<div class="panel-collapse collapse" id="faq-3-1">
								<div class="panel-body">Anim pariatur cliche
									reprehenderit, enim eiusmod high life accusamus terry
									richardson ad squid. 3 wolf moon officia aute, non cupidatat
									skateboard dolor brunch. Food truck quinoa nesciunt laborum
									eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on
									it squid single-origin coffee nulla assumenda shoreditch et.</div>
							</div>
						</div>

						<div class="panel panel-default">
							<div class="panel-heading">
								<a href="#faq-3-2" data-parent="#faq-list-3"
									data-toggle="collapse" class="accordion-toggle collapsed">
									<i class="ace-icon fa fa-plus smaller-80"
									data-icon-hide="ace-icon fa fa-minus"
									data-icon-show="ace-icon fa fa-plus"></i>&nbsp; Single-origin
									coffee nulla assumenda shoreditch et?
								</a>
							</div>

							<div class="panel-collapse collapse" id="faq-3-2">
								<div class="panel-body">Anim pariatur cliche
									reprehenderit, enim eiusmod high life accusamus terry
									richardson ad squid. 3 wolf moon officia aute, non cupidatat
									skateboard dolor brunch. Food truck quinoa nesciunt laborum
									eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on
									it squid single-origin coffee nulla assumenda shoreditch et.</div>
							</div>
						</div>

						<div class="panel panel-default">
							<div class="panel-heading">
								<a href="#faq-3-3" data-parent="#faq-list-3"
									data-toggle="collapse" class="accordion-toggle collapsed">
									<i class="ace-icon fa fa-plus smaller-80"
									data-icon-hide="ace-icon fa fa-minus"
									data-icon-show="ace-icon fa fa-plus"></i>&nbsp; Sunt aliqua put
									a bird on it squid?
								</a>
							</div>

							<div class="panel-collapse collapse" id="faq-3-3">
								<div class="panel-body">Anim pariatur cliche
									reprehenderit, enim eiusmod high life accusamus terry
									richardson ad squid. 3 wolf moon officia aute, non cupidatat
									skateboard dolor brunch. Food truck quinoa nesciunt laborum
									eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on
									it squid single-origin coffee nulla assumenda shoreditch et.</div>
							</div>
						</div>

						<div class="panel panel-default">
							<div class="panel-heading">
								<a href="#faq-3-4" data-parent="#faq-list-3"
									data-toggle="collapse" class="accordion-toggle collapsed">
									<i class="ace-icon fa fa-plus smaller-80"
									data-icon-hide="ace-icon fa fa-minus"
									data-icon-show="ace-icon fa fa-plus"></i>&nbsp; Brunch 3 wolf
									moon tempor sunt aliqua put?
								</a>
							</div>

							<div class="panel-collapse collapse" id="faq-3-4">
								<div class="panel-body">Anim pariatur cliche
									reprehenderit, enim eiusmod high life accusamus terry
									richardson ad squid. 3 wolf moon officia aute, non cupidatat
									skateboard dolor brunch. Food truck quinoa nesciunt laborum
									eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on
									it squid single-origin coffee nulla assumenda shoreditch et.</div>
							</div>
						</div>
					</div>
				</div>

				<div id="faq-tab-4" class="tab-pane fade">
					<h4 class="blue">
						<i class="purple ace-icon fa fa-magic bigger-110"></i>
						Miscellaneous Questions
					</h4>

					<div class="space-8"></div>

					<div id="faq-list-4"
						class="panel-group accordion-style1 accordion-style2">
						<div class="panel panel-default">
							<div class="panel-heading">
								<a href="#faq-4-1" data-parent="#faq-list-4"
									data-toggle="collapse" class="accordion-toggle collapsed">
									<i class="ace-icon fa fa-hand-o-right"
									data-icon-hide="ace-icon fa fa-hand-o-down"
									data-icon-show="ace-icon fa fa-hand-o-right"></i>&nbsp; Enim
									eiusmod high life accusamus terry richardson?
								</a>
							</div>

							<div class="panel-collapse collapse" id="faq-4-1">
								<div class="panel-body">Anim pariatur cliche
									reprehenderit, enim eiusmod high life accusamus terry
									richardson ad squid. 3 wolf moon officia aute, non cupidatat
									skateboard dolor brunch. Food truck quinoa nesciunt laborum
									eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on
									it squid single-origin coffee nulla assumenda shoreditch et.</div>
							</div>
						</div>

						<div class="panel panel-default">
							<div class="panel-heading">
								<a href="#faq-4-2" data-parent="#faq-list-4"
									data-toggle="collapse" class="accordion-toggle collapsed">
									<i class="ace-icon fa fa-frown-o bigger-120"
									data-icon-hide="ace-icon fa fa-smile-o"
									data-icon-show="ace-icon fa fa-frown-o"></i>&nbsp;
									Single-origin coffee nulla assumenda shoreditch et?
								</a>
							</div>

							<div class="panel-collapse collapse" id="faq-4-2">
								<div class="panel-body">Anim pariatur cliche
									reprehenderit, enim eiusmod high life accusamus terry
									richardson ad squid. 3 wolf moon officia aute, non cupidatat
									skateboard dolor brunch. Food truck quinoa nesciunt laborum
									eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on
									it squid single-origin coffee nulla assumenda shoreditch et.</div>
							</div>
						</div>

						<div class="panel panel-default">
							<div class="panel-heading">
								<a href="#faq-4-3" data-parent="#faq-list-4"
									data-toggle="collapse" class="accordion-toggle collapsed">
									<i class="ace-icon fa fa-plus smaller-80"
									data-icon-hide="ace-icon fa fa-minus"
									data-icon-show="ace-icon fa fa-plus"></i>&nbsp; Sunt aliqua put
									a bird on it squid?
								</a>
							</div>

							<div class="panel-collapse collapse" id="faq-4-3">
								<div class="panel-body">Anim pariatur cliche
									reprehenderit, enim eiusmod high life accusamus terry
									richardson ad squid. 3 wolf moon officia aute, non cupidatat
									skateboard dolor brunch. Food truck quinoa nesciunt laborum
									eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on
									it squid single-origin coffee nulla assumenda shoreditch et.</div>
							</div>
						</div>

						<div class="panel panel-default">
							<div class="panel-heading">
								<a href="#faq-4-4" data-parent="#faq-list-4"
									data-toggle="collapse" class="accordion-toggle collapsed">
									<i class="ace-icon fa fa-plus smaller-80"
									data-icon-hide="ace-icon fa fa-minus"
									data-icon-show="ace-icon fa fa-plus"></i>&nbsp; Brunch 3 wolf
									moon tempor sunt aliqua put?
								</a>
							</div>

							<div class="panel-collapse collapse" id="faq-4-4">
								<div class="panel-body">Anim pariatur cliche
									reprehenderit, enim eiusmod high life accusamus terry
									richardson ad squid. 3 wolf moon officia aute, non cupidatat
									skateboard dolor brunch. Food truck quinoa nesciunt laborum
									eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on
									it squid single-origin coffee nulla assumenda shoreditch et.</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- pageContent END -->
	</div>
</div>
</@mainlayout>
